/**
 * 学习目标：创建类组件
 */
import React from 'react';
import ReactDOM from 'react-dom';

// 语法：
/**
 * class  Xxx extends React.Component  {
    // ? render函数表示组件渲染什么内容， 必须写， 不写报错
    render(){
       // ? 组件需要返回一个jsx， 如果不想渲染任何内容， 返回一个null
      return  jsx 或 null
    }
 }
 */

class App extends React.Component {
  render() {
    return <h1>hello React</h1>;
  }
}

const divNode = (
  <div>
    {/*  使用上和函数式组件，一模一样 */}
    <App></App>
  </div>
);

ReactDOM.render(divNode, document.getElementById('root'));
